<!DOCTYPE html>
<html lang="en">
<head>
  <base href="" />
  <meta charset="UTF-8">
  <title>值班日志</title>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-responsive.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-datetimepicker.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
  
  <script type='text/javascript' src='../static/js/jquery-1.10.2.min.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap.min.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.zh-CN.js'></script>
  <script type='text/javascript' src="../static/js/common.js"></script>
  <script type='text/javascript' src="../static/js/onDutyLog.js"></script>
  <script type='text/javascript' src='../static/js/page.js'></script>
</head>
<body>
	<div class="top"></div>
  	<div class="part">
    	<h4 class="partTitle"><strong>值班日志查询</strong></h4>
    	<form class="form-horizontal" id="dutyLogSearch">
	  		<input id="rows" name="rows" hidden="hidden" value="8">
	  		<input id="page" name="page" hidden="hidden" value="1">
	    	<div class="form-group">
	    		<div class="col-md-3 col3ConditionAll">
		  		   <label for="StartDutyTime" class="col-sm-4 control-label partConditionTitle">值班开始时间</label>
		           <div id="startDate" class="col-sm-8 input-group date" data-date-format="yyyy-mm-dd hh:ii" style="float: left;">
		              <input id="startDutyTime" name="StartDutyTime" class="form-control" type="text">
		              <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
		           </div>
	           </div>
	           <div class="col-md-3 col3ConditionAll">
		           <label for="EndDutyTime" class="col-sm-4 control-label partConditionTitle">值班结束时间</label>
		           <div id="endDate" class="col-sm-8 input-group date" data-date-format="yyyy-mm-dd hh:ii" style="float: left;">
		              <input id="endDutyTime" name="EndDutyTime" class="form-control" type="text">
		              <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
		           </div>
	           </div>
	           <div class="col-md-3 col3ConditionAll">
		           <label for="DutyMan" class="col-sm-4 control-label partConditionTitle">值班人</label>
		  		   <div class="col-sm-8 partCondition" style="float: left;">
		  			   <input name="DutyMan" id="dutyMan" class="form-control">
		  		   </div>
	  		   </div>
	      	</div>
    	</form>
    	<div class="form-group">
      		<button class="btn btn-primary" type="button" onclick="search()">
        	<span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询
      		</button>
    	</div>
	</div>
	<div class="part">
      <h4 class="partTitle"><strong>值班日志列表</strong></h4>
      <div class="partTable">
          <table class="table table-hover" id="dutyLogTable">
              <thead>
                <tr>
                  <th class = "nowidth">序号</th>
                  <th>值班时间</th>
                  <th>接班时间</th>
                  <th>值班人</th>
                  <th>当班工作记录</th>
                  <th>交接班情况记录</th>
                  <th>接班人</th>
                  <th>待办事宜</th>
                </tr>
              </thead>
              <tbody id="dutyLogTbody">
              </tbody>
          </table>
        </div>
        <div class="partBtn">
            <button type="button" class="btn btn-primary" aria-label="Left Align" onclick="save();">
                <span><img src="../static/images/plus01.png" aria-hidden="true"/></span> 添加
            </button>
            <div class="partTurnPage">
              <ul class="list-inline">
                  <li><a href="#" onclick="firstPage();return false;"><ins>首页</ins></a></li>
                  <li><a href="#" onclick="formPage();return false;"><ins>上一页</ins></a></li>
                  <li><a href="#" onclick="nextPage();return false;"><ins>下一页</ins></a></li>
                  <li><a href="#" onclick="lastPage();return false;"><ins>尾页</ins></a></li>
                  <li id="total">共0条 / 共0页</li>
                  <li>转到</li>
                  <li><input id="currentPage" value="1" type="text" class="form-control partCurrentPage"/></li>
                  <li><a href="#" onclick="ensure();return false;"><ins>Go</ins></a></li>
              </ul>
          </div>
       </div>
	</div>
	<!-- 添加弹出框 -->
	<div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="save" class="modal fade popup">
     <div class="popupForm">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
         </button>
         <h4 class="modal-title" id = "saveTitle"></h4>
       </div>
       <div class="modal-body">
		<form class="form-horizontal" id="saveForm">
			<div class="form-group" id="dutyTime">
	           <label for="saveDutyTime" class="col-sm-3 control-label">值班时间</label>
	           <div class="col-sm-7">
  	             <div id="saveDutyDate" class="input-group date" data-date-format="yyyy-mm-dd hh:ii">
                   <input id="saveDutyTime" name="saveDutyTime" class="form-control" type="text"/>
                   <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                 </div>
               </div>
            </div>
			<div class="form-group" id="dateTime1">
	           <label for="saveTakeTime" class="col-sm-3 control-label">接班时间</label>
	           <div class="col-sm-7">
  	             <div id="saveTakeDate" class="input-group date" data-date-format="yyyy-mm-dd hh:ii">
                   <input id="saveTakeTime" name="saveTakeTime" class="form-control" type="text"/>
                   <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                 </div>
               </div>
            </div>
			<div class="form-group">
				<label for="saveDutyMan" class="col-sm-3 control-label">值班人</label>
				<div class="col-sm-7">
					<input id="saveDutyMan" name="saveDutyMan" class="form-control" />
				</div>
			</div>
			<div class="form-group">
				<label for="saveWorkRecord" class="col-sm-3 control-label">当班工作记录</label>
				<div class="col-sm-7">
					<input id="saveWorkRecord" name="saveWorkRecord" maxlength="10" class="form-control" />
				</div>
			</div>
			<div class="form-group">
				<label for="saveSituationRecord" class="col-sm-3 control-label">交接班情况记录</label>
				<div class="col-sm-7">
					<input id="saveSituationRecord" name="saveSituationRecord" class="form-control" />
				</div>
			</div>
			<div class="form-group">
				<label for="saveSuccessor" class="col-sm-3 control-label">接班人</label>
				<div class="col-sm-7">
					<input id="saveSuccessor" name="saveSuccessor" class="form-control" />
				</div>
			</div>
			<div class="form-group">
				<label for="saveTodo" class="col-sm-3 control-label">待办事宜</label>
				<div class="col-sm-7">
					<input id="saveTodo" name="saveTodo" class="form-control" />
				</div>
			</div>
		</form>
	  </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" onclick="confirm()">确定</button>
        <button type="button" class="btn btn-danger" data-dismiss="modal">取消</button>
      </div>
    </div>
  </div>
</body>
</html>